
    <!-- 头部 -->
    <%- include('header', { title: "添加学生" }); -%>
    <!-- /头部 -->
    <!-- 主体内容 -->
    <div class="content">
        <!-- 侧边栏 -->
        <%- include('menu', { active: "student" }); -%>
        <!-- 侧边栏 -->
        <div class="main">
            <form class="form-container">
                <div class="form-group">
                    <label>学生姓名</label>
                    <input type="text" class="form-control" placeholder="学生姓名" id="studentname">
                </div>
                <div class="form-group">
                    <label>年龄</label>
                    <input type="number" class="form-control" placeholder="请输入年龄" id="age">
                </div>
                <div class="form-group" class="radio">
                    <label>性别</label><br>
                    <input type="radio" name="sex" value="男" checked>男
                    <input type="radio" name="sex" value="女" style="margin-left: 10px;">女
                </div>
                <div class="form-group">
                    <label>手机</label>
                    <input type="text" class="form-control" placeholder="请输入手机号" id="phone">
                </div>
                <div class="form-group">
                    <label>专业</label>
                    <input type="text" class="form-control" placeholder="请输入专业" id="major">
                </div>
                <div class="form-group">
                    <label>班级</label>
                    <select class="form-control" id="class">
                        <% for(let key in data){ %>
                            <option value="<%= data[key].className %>"><%= data[key].className %></option>
                        <% } %>
                    </select>
                </div>
                <div class="buttons">
                    <button type="button" class="btn btn-primary" onclick="submitAjax()">提交</button>
                </div>
            </form>
        </div>
    </div>
    <!-- /主体内容 -->
    <%- include('footer'); -%>
    <script>
        function submitAjax(){
            // 拿到用户输入的数据
            let dataObj = {
                studentName: $("#studentname").val(),
                age: $("#age").val(),
                sex: $("input[name='sex']:checked").val(),
                phone: $("#phone").val(),
                major: $("#major").val(),
                class: $("#class option:selected").val(),
            }
            // 发送ajax请求，添加学生这个事情
            $.ajax({
                type: "POST",
                url: "http://localhost:3000/student",
                data: dataObj,
                dataType: "json",
                success: function(res){
                    if(!res.err){
                        return toastr.success('数据添加成功') 
                    }
                    toastr.error('数据添加失败') 
                },
                error: function(){
                    toastr.error('数据添加失败')      
                }
            })
        }
    </script>
</body>

</html>